<template>
  <div id="setup1"> 
   
   <div class="con">
         <div class="top_box">
            <img src="@/assets/images/newactive_bg2.png" />
         </div>
         <div class="con_text1">拼团活动</div>
         <div class="con_text2">活动时间：<span style="color:#888888;">2021.03.26-2021.05.17</span><i class="el-icon-setting" style="color:#888888;margin-left:15px;"></i></div>
         <div class="con_text3">
              活动显示:
              <el-switch  
                      :active-value="active" 
                      :inactive-value="isactive" 
                       v-model="isshow" 
                      @change="switchchange()"  
                      active-color="#F5CF49" 
                      inactive-color="#E5E5E5"
                      style="margin-left:8px;"> 
              </el-switch>
         </div>
   </div>

</div>
</template>

<script>

export default {
   name: 'setup1',
  data () {
    return {
        active:0,  //冻结登录
        isactive:1,  //冻结登录
        isshow:0,
    }
  },
   components:{

  },
  created(){
       
  },
  mounted (){
    
  },
  methods: {
    
    switchchange(row){
   
    },

  }
}
</script>


<style scoped>
.con{
   padding:15px 20px;
   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.04);
   height: 300px;
   border-radius:10px;
}
/* .top_box{

} */
.top_box>img{
   width:52px;
   height: 52px;
   border-radius:50%;
}
.con_text1{
  font-size: 24px;
  font-weight: bold;
  color: #344563;
  margin-top:20px;
}
.con_text2{
  font-size: 17px;
  font-weight: 500;
  margin-top:20px;
  color: #5E6C84;
}
.con_text3{
  font-size: 17px;
  font-weight: 500;
  margin-top:20px;
  color: #5E6C84;
}
</style>